import{d as n,e as r,c as i,a as c,P as d,Q as l,R as u,$ as t,a2 as g,a5 as m}from"./elementPlusModules.js";import{_ as f}from"./index.js";import"./lodashModules.js";import"./vxeTableModules.js";const w={class:"demo-progress"},_=n({__name:"Striped",setup(h){const s=r(70),o=i(()=>Math.floor(s.value/10)),a=r(`
<template>
  <div class="demo-progress">
    <el-progress :percentage="50" :stroke-width="15" striped />
    <el-progress
      :percentage="30"
      :stroke-width="15"
      status="warning"
      striped
      striped-flow
    />
    <el-progress
      :percentage="100"
      :stroke-width="15"
      status="success"
      striped
      striped-flow
      :duration="10"
    />
    <el-progress
      :percentage="percentage"
      :stroke-width="15"
      status="exception"
      striped
      striped-flow
      :duration="duration"
    />
    <el-button-group>
      <el-button :icon="Minus" @click="decrease" />
      <el-button :icon="Plus" @click="increase" />
    </el-button-group>
  </div>
</template>

<script lang="ts" setup>
import { computed, ref } from 'vue'

const percentage = ref<number>(70)
const duration = computed(() => Math.floor(percentage.value / 10))
<\/script>

<style scoped>
.demo-progress .el-progress--line {
  margin-bottom: 15px;
  width: 350px;
}
</style>

`);return(p,k)=>{const e=c("el-progress");return d(),l(m,null,[u("div",w,[t(e,{percentage:50,"stroke-width":15,striped:""}),t(e,{percentage:30,"stroke-width":15,status:"warning",striped:"","striped-flow":""}),t(e,{percentage:100,"stroke-width":15,status:"success",striped:"","striped-flow":"",duration:10}),t(e,{percentage:s.value,"stroke-width":15,status:"exception",striped:"","striped-flow":"",duration:o.value},null,8,["percentage","duration"])]),g(p.$slots,"default",{html:a.value},void 0,!0)],64)}}}),M=f(_,[["__scopeId","data-v-4034c498"]]);export{M as default};
